<template>
  <EmptyPlaceholder
    :text="htmlText"
    :empty-img="placeholderImg"
    :is-denied-placeholder="true"
    image-size="140px"
    danger-html-render
    class="denied-placeholder" />
</template>

<script>
import EmptyPlaceholder from '@/components/EmptyPlaceholder';
import placeholderImg from '@/assets/denied-img.png';
export default {
  name: 'DeniedPlaceholder',
  components: {
    EmptyPlaceholder
  },
  data() {
    return {
      placeholderImg
    };
  },
  computed: {
    htmlText() {
      return `<span style="font-size: 16px; font-weight: bold; color: #333; letter-spacing: 0.8px;">抱歉~你没有权限查看该内容</span>
              <br/>
              <span style="font-size: 14px; color: #999;">若需查看请联系管理员</span>`;
    }
  }
};
</script>

<style scoped lang="scss">
.denied-placeholder {
  &::v-deep {
    .empty-text {
      margin-top: 0 !important;
      text-align: center;
      color: #666;
    }
    > img {
      margin-top: 50px;
    }
  }
}
</style>
